<template>
	<ul class="mui-table-view">
		<li class="mui-table-view-cell mui-media" v-for="item in newslist" :key="newslist.id">
			<router-link :to="'/home/newinfo/'+item.id">
				<img class="mui-media-object mui-pull-left" :src="item.img_url">
				<div class="mui-media-body">
					<h1>{{item.title}}</h1>
					<p class='mui-ellipsis'>
						<span>发表时间:{{item.add_time | dataFormat}}</span>
						<span>点击:{{item.click}}</span>
					</p>
				</div>
			</router-link>
		</li>
	</ul>
</template>

<script>
import {Toast} from 'mint-ui'

export default {
	name: "newlist",
	data() {
		return {
			newslist: []
		}
	},
	created() {
		this.getNewList();
	},
	methods: {
		getNewList() {
			let _this = this;
			this.$http.get('api/getnewslist').then(result => {
				if (result.body.status === 0) {
					//如果没有失败，将数据存在list里面
					this.newslist = result.body.message;
				} else {
					Toast('获取新闻列表失败');
				}
			});
		}
	}
}
</script>

<style scoped>
	h1{
		font-size: 13px;
	}
</style>